<template>
	<view class="social-list-box" :style="{'height': `calc(100% - 100rpx - ${safeBottom}px)`}">
		<scroll-view class="social-list" scroll-y="true">
			<recent-visits v-if="showVisits" :passiveList="passiveList"></recent-visits>
			<social-item v-for="dynamic of dynamicList" :dynamic="dynamic" :type="type"></social-item>
			<uni-load-more :status="status" :contentText="contentText"></uni-load-more>
			<view style="height: 100rpx;"></view>
		</scroll-view>
	</view>
</template>

<script>
	import recentVisits from './recentVisits.vue'
	import socialItem from './socialItem.vue'

	export default {
		name: "socialList",
		components: {
			recentVisits,
			socialItem
		},
		data() {
			return {
				contentText: {
					contentdown: "上拉显示更多",
					contentrefresh: "正在加载...",
					contentnomore: "没有更多数据了"
				},
				status: 'noMore'
			};
		},
		props: {
			dynamicList: Array,
			showVisits: false,
			safeBottom: Number,
			passiveList: Array,
			type: Number
		}
	}
</script>

<style lang="scss">
	.social-list-box {
		width: 100%;

		.social-list {
			width: 100%;
			height: 100%;
		}
	}
	
	
</style>
